<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link href="libs/weui/weuix.min.css" rel="stylesheet" />
    <link href="libs/swipe/swiper.min.css" rel="stylesheet" />
    <link href="css/common.css" rel="stylesheet"/>
    <link href="css/news.css" rel="stylesheet" />
</head>
<body class="page-bg">
    <div class="weui_tab tab-bottom">
    <div class="weui_btn_warn weui-header ">
        <div class="weui-header-left"> <a href="javascript:window.history.go(-1);" class="icon icon-109 f-white"></a></div>
        <h1 class="weui-header-title">便民资讯</h1>
        <div class="weui-header-right">
           <a href="search.html" class="f-white">搜索</a>
        </div>
    </div>
    <div class="weui_tab_bd">
        <div class="sortbox">
            <div class="weui_grids grids-small">
                <a href="javascript:;" class="grid" id="getCategorys">
                    <p class="weui_grid_label">
                        <span class="txt">全类别</span>
                        <i class="icon icon-drop"></i>
                    </p>
                </a>
                <a href="javascript:;" class="grid" id="resource">
                    <p class="weui_grid_label">
                        <span class="txt">来源</span>
                        <i class="icon icon-drop"></i>
                    </p>
                </a>
                <a href="javascript:;" class="grid" id="lastest">
                    <p class="weui_grid_label">
                        <span class="txt">最新</span><i class="icon"></i>
                    </p>
                </a>
                <a href="javascript:;" class="grid" id="price_sort">
                    <p class="weui_grid_label">
                        <span class="txt">价格</span>
                        <svg class="icon icon-sortsvg" aria-hidden="true">
                            <use xlink:href="#icon-sort-small1"></use>
                        </svg>
                    </p>
                </a>
            </div>
            <input type="hidden" id="type_from" value="0" />
            <input type="hidden" id="type_type" value="2" />
            <input type="hidden" id="type_categoryId"/>
        </div>
        <div class="shop-list news_list"></div>
    </div>
        <div class="weui_tabbar" id="nav_bar" index="2"></div>
    </div>
</body>
<script type="text/html" id="nav_bar_tpl">
    {{each list value index}}
    <a href="{{list[index].url}}" class="weui_tabbar_item">
        <div class="weui_tabbar_icon">
            <img class="def" src="imgs/{{list[index].enName}}-icon.png" alt="{{list[index].zh}}">
            <img class="over" src="imgs/{{list[index].enName}}-icon-over.png" alt="{{list[index].zh}}">
        </div>
        <p class="weui_tabbar_label">{{list[index].zh}}</p>
    </a>
    {{/each}}
</script>
<script type="text/html" id="category_list_tpl">
        {{each result value index}}
        <div class="shop-item" categoryid="{{result[index].categoryId}}">
            <div class="shop-head">
                <div class="title">{{result[index].categoryName}}</div>
                <span class="fr">￥{{result[index].price}}</span>
            </div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    {{each result[index].images value j}}
                    <div class="swiper-slide">
                       <a href="detail.html?id={{result[index].id}}"><img src="{{result[index].images[j].smallUrl}}" /></a>
                    </div>
                    {{/each}}
                </div>
            </div>
            <div class="des-info">
                {{result[index].desc}}
            </div>
            <div class="fav-message">
                <a href="#">收藏<em>{{result[index].favoriteCount}}</em></a><a href="#">留言<em>{{result[index].commentCount}}</em></a>
            </div>
        </div>
        {{/each}}
</script>

<script type="text/javascript" src="libs/zepto/zepto.min.js"></script>
<script type="text/javascript" src="libs/zepto/zepto.cookie.min.js"></script>
<script type="text/javascript" src="libs/swipe/swiper.min.js"></script>
<script type="text/javascript" src="libs/common/picker.js"></script>
<script type="text/javascript" src="libs/common/updown.js"></script>
<script type="text/javascript" src="libs/common/lazyimg.js"></script>
<script type="text/javascript" src="libs/artTemplate/template.js"></script>
<script type="text/javascript" src="libs/common/select.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/iconfont.js"></script>
<script type="text/javascript" src="components/news.js" ></script>

</html>